<template>
  <div>
    <img src="../assets/404.jpg" class="img-404">
    <div class="text">咦~页面不见了~</div>
    <router-link to="/" class="back-link"> 返回首页 </router-link>
  </div>
</template>

<script>

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
  .img-404{
    width: 100vw;
    padding-top: 5vw;
  }
  .text{
    text-align: center;
    font-size: 8vw;
    padding-top: 2vw;
  }
  .back-link{
    padding-top: 5vw;
    text-align: center;
    display: block;
    font-size:5vw;
  }
</style>
